<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>01_background-origin</title>
    <style>
      .box1 {
        width: 400px;
        height: 400px;
        background-color: skyblue;
        margin: 0 auto;
        font-size: 40px;
        padding: 50px;
        border: 50px dashed rgba(255, 0, 0, 0.7);

        background-image: url('../images/bg01.jpg');
        background-repeat: no-repeat;
        /* 设置 背景图的原点: content-box  border-box  padding-box */
        background-origin: padding-box;
      }
    </style>
  </head>
  <body>
    <div class="box1">你好啊</div>
  </body>
</html>
